<template>
  <div class="main">
    <div class="title">系 统 时 间 设 置</div>
    <div class="content">
      <div>
        <span>设备自动校时时长:</span>
        <div class="num">
          <el-input-number
            size="small"
            v-model="num"
            controls-position="right"
            @change="handleChange"
            :min="1"
            :max="24"
          ></el-input-number>
        </div>
      </div>
      <div class="bottom">
        <button @click="EXIT">退 出</button>
      </div>
    </div>
  </div>
</template>
  <script setup>
import { ref } from "vue";
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
const EXIT = () => {
  router.push({ path: "/sheZhi", query: { data: "signin" } });
};
const num = ref(Array(24).fill("小时"));
const handleChange = (val, index) => {
  console.log(val, index);
};
</script>
  <style lang="less" scoped>
@import url("./general_settingJumpless/Device_Time.less");
</style>